<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>管道占压 - 周边环境</title>
</head>
<body>
<div class="page-container">
    <div class="main-inner">

        <!-- page title -->
        <div class="xyf-toggle-form-div">
            <span> <i class="xyf-ambient-list-icon"></i>管道占压</span>
            查询条件<i class="xyf-toggle-form-icon"></i>
        </div>

        <div class="content-inner">

            <!-- search form -->
            <div class="zy-pick-line">
                <div class="zy-form-line">
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta">管道名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_pipeline" class="bk-select"><abbr></abbr></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta">管段名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_segment" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">起点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_begin" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">终点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_end" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <div class="zy-input-group w-30 xyf-list-search">
                        <button id="JQ_search" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                    </div>
                    <div class="zy-input-group w-30 xyf-map-search xyf-hide">
                        <button id="JQ_map_search" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <!-- operate & toggle -->
            <div class="zy-table-bar">
                <div class="l xyf-operate_div">
                    <button id="JQ_create" class="zy-button-s zy-create-s" type="button"><i class="zy-create-icon"></i>新建</button>&nbsp;&nbsp;
                    <button id="JQ_export" class="zy-button-s zy-in-s" type="button"><i class="zy-in-icon"></i>导出</button>&nbsp;&nbsp;
                </div>
                <div class="r">
                    <div class="meta-bar">
                        <label class="zy-toggle-label">
                            <span id="JQ_toggle_list_span" class="active">列表</span>
                            <span id="JQ_toggle_map_span">GIS地图</span>
                        </label>
                    </div>
                </div>
                <div class="clear"></div>
            </div>

            <!-- table list -->
            <div id="JQ_toggle_list_div">
                <div class="zy-table">
                    <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th width="18%" title="管道名称">管道名称</th>
                            <th width="14%" title="占压名称">占压名称</th>
                            <th width="8%" title="占压类型">占压类型</th>
                            <th width="14%" title="位置信息">位置信息</th>
                            <th width="12%" title="与管道最小间距(m)">与管道最小间距(m)</th>
                            <th width="10%" title="发现方式">发现方式</th>
                            <th width="6%" title="审核">审核</th>
                            <th width="6%" title="编辑">编辑</th>
                            <th width="6%" title="删除">删除</th>
                            <th width="6%" title="详情">详情</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- map -->
            <div id="JQ_toggle_map_div"  class="zy-map">
                <iframe id="JQ_dyMap" name="dyMap" frameborder="0" scrolling="0" width="100%" height="100%" data-src="${gisResourcePath}/baseMapPicAe.jsp"></iframe>
            </div>

        </div>
    </div>

    <!-- 大图展示 -->
    <div id="JQ_img_div"></div>
    <!-- JS start -->
    <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/ambient.api.js"></script>
    <!-- template -->
    <script src="${pageContext.request.contextPath}/static/js/controller/ae/ambientData.template.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/ae/pressObject.controller.js"></script>
</div>
</body>
</html>